<div ng-controller="sidebarController" style="position: relative;">
	
    <!-- sideBar BEGIN -->
        <div class="left-main animate-time" ng-class="{ true: 'left-full', false: 'left-off' }[isActive]">
                <div class="shrink-from" ng-click="indent()" ng-class="{ true: 'open', false: 'closec' }[isActive]">
					<img class="left-img"  height="30px" width="30px" src="../images/sidebar/left-img.png">
					<img class="right-img" height="30px" width="30px" src="../images/sidebar/right-img.png">
				</div>
                <div class="subNavBox">
                	
                    <!-- 用户管理 BEGIN -->
                   		<div class="sBox user" id="accordion">
                   			<div class="sBox-top">
                   				<span class="sublist-title">用户管理</span>
                   			</div>
                   			<div class="panel">
		                    	<div class="subNav sublist-up" 
		                    		data-toggle="collapse" 
		                    		data-parent="#accordion" 
									data-target="#collapseOne"
									>
		                         
		                            <img class="navigation-icon pull-left" src="../images/sidebar-fff/user/role.png">
		                            <span class="sublist-title">角色管理</span>
		                            <span class="pull-right title-icon glyphicon glyphicon-menu-up" ></span>
		                       </div>
	                            <ul class="navContent panel-collapse collapse in" id="collapseOne">
                            	<li class="roles" ui-sref="user.roles" ng-class="{'active': $state.current.name == 'user' || $state.current.name == 'user.roles' || $state.current.name == 'user.rolesadd' || $state.current.name == 'user.rolesdetails' || $state.current.name == 'user.rolesupdate'}">
                                    <a >
                                        <!--<span class="sublist-icon glyphicon glyphicon-triangle-right"></span>-->
                                        <img class="navigation-icon pull-left" src="../images/sidebar/user/roles.png">
                                        <span class="sub-title">角色组管理</span>
                                    </a>
                                </li>
                                <li class="role" ui-sref="user.role"  ng-class="{'active':  $state.current.name == 'user.role' || $state.current.name == 'user.roleby' || $state.current.name == 'user.roleadd' || $state.current.name == 'user.roledetails' || $state.current.name == 'user.roleupdate'}">
                                    <a >
                                        <!--<span class="sublist-icon glyphicon glyphicon-triangle-right"></span>-->
                                        <img class="navigation-icon pull-left" src="../images/sidebar/user/role.png">
                                        <span class="sub-title">角色管理</span>
                                    </a>
                                </li>
                               
                          	</ul>
                            </div>
                            <div class="panel ">
	                            <div class="subNav sublist-up" 
	                            	data-toggle="collapse" 
		                    		data-parent="#accordion" 
									data-target="#collapseTwo"
									>
	                                <img class="navigation-icon pull-left" src="../images/sidebar-fff/user/useradmin.png">
	                                <span class="sublist-title">用户管理</span>
	                                <span class="pull-right title-icon glyphicon glyphicon-menu-up" ></span>
	                            </div>
	                            <ul class="navContent panel-collapse collapse" id="collapseTwo">
	                            	<li class="personal" ui-sref="user.personal" ng-class="{'active':  $state.current.name == 'user.personal' || $state.current.name == 'user.personaladd' || $state.current.name == 'user.personaldetails' || $state.current.name == 'user.personalupdate' }">
	                                    <a >
	                                        <img class="navigation-icon pull-left" src="../images/sidebar/user/user.png">
	                                        <span class="sub-title">用户管理</span>
	                                    </a>
	                                </li>
	                                <!-- li class="mechanism" ui-sref="user.mechanism" ui-sref-active="active">
	                                    <a >
	                                         <img class="navigation-icon pull-left" src="../images/sidebar/user/Institutionaluser.png">
	                                        <span class="sub-title">机构用户</span>
	                                    </a>
	                                </li-->
	                            </ul>
                            </div>
                            <div class="panel ">
	                             <div class="subNav sublist-up" 
	                             		data-toggle="collapse" 
			                    		data-parent="#accordion" 
										data-target="#collapseTree"
	                             		>
	                                 <img class="navigation-icon pull-left" src="../images/sidebar-fff/user/power.png">
	                                <span class="sublist-title">权限管理</span>
	                                <span class="pull-right title-icon glyphicon glyphicon-menu-up" ></span>
	                            </div>
	                            <ul class="navContent panel-collapse collapse" id="collapseTree">
	                                <li ui-sref="user.privilege" ui-sref-active="active">
	                                    <a>
	                                        <img class="navigation-icon pull-left" src="../images/sidebar/user/power.png">
	                                        <span class="sub-title">权限管理</span>
	                                    </a>
	                                </li>
	                            </ul>
                            </div>
                            <div class="panel ">
	                             <div class="subNav sublist-up" 
	                             		data-toggle="collapse" 
			                    		data-parent="#accordion" 
										data-target="#collapseFour"
	                             	>
	                                <img class="navigation-icon pull-left" src="../images/sidebar-fff/user/Effect.png">
	                                <span class="sublist-title">功能管理</span>
	                                <span class="pull-right title-icon glyphicon glyphicon-menu-up" ></span>
	                            </div>
	                            <ul class="navContent panel-collapse collapse" id="collapseFour">
	                                <li ui-sref="user.institution" ui-sref-active="active">
	                                    <a>
	                                        <img class="navigation-icon pull-left" src="../images/sidebar/user/mechanism.png">
	                                        <span class="sub-title">机构管理</span>
	                                    </a>
	                                </li>
	                                <li ui-sref="user.pavmenu" ui-sref-active="active">
	                                    <a>
	                                        <img class="navigation-icon pull-left" src="../images/sidebar/user/charge.png">
	                                        <span class="sub-title">栏目管理</span>
	                                    </a>
	                                </li>
	                                <li ui-sref="user.branch" ui-sref-active="active">
	                                    <a>
	                                        <img class="navigation-icon pull-left" src="../images/sidebar/user/charge.png">
	                                        <span class="sub-title">分馆管理</span>
	                                    </a>
	                                </li>
	                                <li ui-sref="user.effect" ui-sref-active="active">
	                                    <a >
	                                        <img class="navigation-icon pull-left" src="../images/sidebar/user/Effect.png">
	                                        <span class="sub-title">功能管理</span>
	                                    </a>
	                                </li>
	                            </ul>
                            </div>
                        </div>
                    <!-- 用户管理 END -->




                </div>
            </div>
    <!-- sideBar END --> 
</div> 